<title>资料下载</title>
<link rel="stylesheet" href="/static/public/vendor/select2/select2.css">
<link rel="stylesheet" href="/static/css/pagination.css">
<script src="/static/js/jquery.pagination.js" ></script>
<script src="/static/public/vendor/select2/select2.min.js" data-name="select2"></script>
<script src="/static/public/vendor/select2/i18n/zh-CN.min.js" data-deps="select2"></script>
<div class="page-content">
    <div class="panel">
        <div class="panel-body">
    <div id="table_student">

    </div>
        </div></div>
    <div id="Pagination" class="pagination"><!-- 这里显示分页 --></div>

</div>
<script type="text/javascript">
    var PageSize = 50;//每页行数
    var IsInit = true;//初始化
    $(function () {
        search(1);//1代表第一页
    });
    function search(pageIndex) {
        var url = '/other/methodological/getData1';
        var params = [
            {name: "size", value:PageSize }, {
                name: "current", value: pageIndex
            }];
        $.ajax({
            type: 'GET',
            url: url,
            data: params,
            success: function (data) {
                var jsonObj=JSON.parse(data)["data"];

                if (IsInit==true) {
                     initPagination(JSON.parse(data)["recordsTotal"]);
                    IsInit = false;
                 }

                // $('#table_student tr').remove();

                $.each(jsonObj, function (i, item) {
                    $('#table_student').append('<div style="box-sizing: border-box;display: inline-block;width: 23%;margin: 10px;">' + '<a href="/other/methodological/getDataDown?file_name='+ item["url"] +'">'+ '<div style="background-color: #1395db;padding:6px 12px;box-sizing: border-box;line-height: 28px;border-radius: 4px 4px 0 0;">' + '<h4 style="color: #FFFFFF !important;margin: 0 !important;font-size: 12px !important;font-weight: 600 !important;">' + item["name"] +'</h4>' + '</div>' +'<div>'+ '<img style="width: 100%;height: 160px"  src="/other/methodological/listimage?file_name='+item["imgUrl"]+'" />'+'</div>' +'<div style="border-radius: 0 0 4px 4px;font-size:12px;line-height: 30px;font-weight: bold;text-align: center;color:#000000;background-color: #fafafa;height: 30px;">'+ item["describe"] + '</div>'+ '</a>' + '</div>');
                });
            },
            error: function (msg) {
                alert(msg.responseText);
            }
        });
    }
    var initPagination = function (Count) {

    }

</script>